@extends('user.layouts')
@section('content')
<div class="span3">
    <!-- Filter -->
    <nav id="options" class="work-nav">
        <ul id="filters" class="option-set" data-option-key="filter">
            <li class="type-work">Type of Work</li>
            <li><a href="#filter" data-option-value="*" class="selected">All Projects</a></li>
            <li><a href="#filter" data-option-value=".design">Design</a></li>
            <li><a href="#filter" data-option-value=".photography">Photography</a></li>
            <li><a href="#filter" data-option-value=".video">Video</a></li>
        </ul>
    </nav>
    <!-- End Filter -->
</div>
<div class="span9">
    <div class="row">
        <section id="projects">
            <ul id="thumbs">
                @foreach ($photos as $photo)
                    @if ("gallery" == $photo->group)
                        <!-- Item Project and Filter Name -->
                        <li class="item-thumbs span3 {{$photo->category}}">
                            <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            <a class="hover-wrap fancybox" data-fancybox-group="{{$photo->group}}" title="{{$photo->title}}" href="{{ Asset('assets/img/work/full/') }}/{{$photo->url}}">
                                <span class="overlay-img"></span>
                                <span class="overlay-img-thumb font-icon-plus"></span>
                            </a>
                            <!-- Thumb Image and Description -->
                            <img src="{{ Asset('assets/img/work/thumbs/') }}/{{$photo->img}}" alt="{{$photo->description}}">
                        </li>
                        <!-- End Item Project -->
                    @elseif ("video" == $photo->group)  
                        <!-- Item Project and Filter Name -->
                        <li class="item-thumbs span3 {{$photo->category}}">
                            <!-- Fancybox - Gallery Enabled - Title - Full Image -->
                            <a class="hover-wrap fancybox" data-fancybox-group="{{$photo->group}}" title="{{$photo->title}}" href="{{$photo->url}}">
                                <span class="overlay-img"></span>
                                <span class="overlay-img-thumb font-icon-plus"></span>
                            </a>
                            <!-- Thumb Image and Description -->
                            <img src="{{ Asset('assets/img/work/thumbs/') }}/{{$photo->img}}" alt="{{$photo->description}}">
                        </li>
                        <!-- End Item Project -->
                    @endif    
                @endforeach     
            </ul>
        </section>

    </div>
</div>
@stop